<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div class="content">
			<!--排行榜列表-->
			<div class="listof_title">
				<p>全国排行榜</p>
			</div>
			<div class="list_mingci">
				<p>排名名次</p>
				<p>用户名字</p>
				<p>联系方式</p>
				<p>总成绩</p>
				<p>用户地址</p>
			</div>
			<!--列表？-->
			<div class="paiming">
				<ul class="ulone">
				</ul>
			</div>

		</div>
	</body>
	<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		var GradGet = 0;
		var offset = 0;
		function tests(res) {
			var gralength = res.grade_list.length;
			for(var i = 0; i < gralength; i++) {
				GradGet++;
				$(".ulone").append("<li><span>" + GradGet + "</span><span>" + res.grade_list[i].user_name + "</span><span>"+res.grade_list[i].user_mobile+"</span><span>" + res.grade_list[i].game_grade + "</span><span>"+res.grade_list[i].address+"</span></li>");
			}
		}
		$.ajax({
			method: "post",
			url: "http://game.iswoole.com/Api/getGradeList",
			async: true,
			data:{"limit":500,"offset":offset},
			dataType: "json",
			success: function(res) {
				console.log(res);
				tests(res)
			}
		})
	</script>
</html>
